<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <style>
        .c1{
            width: 100px;
            height: 100px;
            padding: 20px 30px;
            border: 2px solid red;

        }



    </style>

</head>
<body>

<div class="c1">
    <span>div1</span>

</div>

<div>
    用户名:<input type="text">
    性别:
    <input type="radio" name="sex" value="1">男
    <input type="radio" name="sex" value="2">女
<div>

    爱好:
    <input type="checkbox" name="hobby" value="1">喝酒
    <input type="checkbox" name="hobby" value="2">抽烟
    <input type="checkbox" name="hobby" value="3">烫头

</div>
    <select name="s1" id="s1">
        <option value="1">北京</option>
        <option value="2">上海</option>

    </select>
</div>



</body>
<script src="jquery.js"></script>
</html>